import {
  BoostnoteIconProps,
  BoostnoteIconStyledContainer
} from '../../lib/icons'
import React from 'react'

export const IconList = (props: BoostnoteIconProps) => (
  <BoostnoteIconStyledContainer>
    <svg
      width='1em'
      height='1em'
      viewBox='0 0 37 37'
      {...props}
      style={
        props.size != null
          ? { ...props.style, width: props.size, height: props.size }
          : props.style
      }
    >
      <path
        d='M4 24c1.355 0 2.125.317 2.875.952C7.624 25.586 8 26.48 8 27.637c0 .635-.255 1.628-.887 2.455-.45.59-3.622 4.855-3.622 4.855h3.457c.581 0 1.052.46 1.052 1.026A1.04 1.04 0 016.948 37H1.333C.1 37 0 36.05 0 35.734c0-.306.105-.605.305-.845 1.036-1.25 4.318-5.277 4.554-5.668.281-.466.489-1.057.484-1.619a1.987 1.987 0 00-.046-.41c-.132-.597-.617-1.14-1.297-1.14-.588 0-1.173.307-1.427 1.003-.19.491-.669.845-1.24.845C.597 27.9 0 27.318 0 26.6c0-.718 1.147-2.6 4-2.6zm31 5.667c.983 0 1.778.794 1.778 1.777 0 .984-.795 1.778-1.778 1.778H13.667a1.776 1.776 0 01-1.778-1.778c0-.983.795-1.777 1.778-1.777H35zM27.571 17c.668 0 1.207.795 1.207 1.778s-.54 1.778-1.207 1.778H13.095c-.667 0-1.206-.795-1.206-1.778S12.429 17 13.095 17h14.476zM6 .575v11.763c0 .365-.28.662-.625.662h-1.25c-.345 0-.625-.297-.625-.662V3.73l-1.254.466C1.638 4.423 1 3.945 1 3.262v-.67c0-.547.316-1.037.798-1.234L5.274.035C5.628-.1 6 .176 6 .575zm29 4.203c.983 0 1.778.794 1.778 1.778 0 .983-.795 1.777-1.778 1.777H13.667a1.776 1.776 0 01-1.778-1.777c0-.984.795-1.778 1.778-1.778H35z'
        fill='currentColor'
        fillRule='nonzero'
      />
    </svg>
  </BoostnoteIconStyledContainer>
)
